<template>
    <div class="loginArea">
        <div class="loginForm">
            <form>
            <label for="">账号</label>
            <input type="text" placeholder="请输入账号">
            <br/>
            <label for="">密码</label>
            <input type="password" placeholder="请输入密码">
            <br/>
            <button type="submit">登录</button>
        </form>
        </div>
    </div>
</template>
<script>
export default {
    name:'login'
}
</script>
<style lang="less" scoped>
.loginArea{
    height: 100%;
    background-color: gold;

}
.loginForm{
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left:-40%;
    border: 1px solid black;
    height: 200px;
    width: 80%;  
    label{
        margin-right: 10px;
    }
    input{
        height: 35px;
        margin-top: 10px;
    }
    button{
        height: 35px;
        width: 30%;
        margin-top: 20px;
    }
}
</style>